<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<!doctype html>
<html class="bg-white">
<head>
    <meta charset="utf-8">
    <title>AI智能测肤</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="stylesheet" href="${yyghStatic}/modules/yygh/css/mobiscroll.2.13.2.css?rev=25879f12ca807894"/>
    <%@ include file="/WEB-INF/views/include/head_mobile.jsp" %>
    <style>
        /* 移除边距和填充，确保占满整个屏幕 */
        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
        }
        /* 使图片填充整个屏幕，且不留白边 */
        .full-screen-image {
            position: fixed; /* 或者使用 absolute，取决于具体情况 */
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持宽高比，覆盖整个容器 */
        }
        .fixed-bottom {
            position: fixed;
            bottom: 7%;
            width: 100%;
            text-align: center; /* 使图片水平居中 */
        }
    </style>
</head>
<body class="${sessionScope.SESSION_KEY_THIRD_CHANNEL.isNav==1?'pdt90':''}">
<div class="ui-main pdb220">
    <form action="${pageContext.request.contextPath}/mx/fz/save" id="myfrm" name="myfrm" method="post">
        <input type="hidden" name="code" id="code" value="${code}"/>
        <input type="hidden" name="userName" id="userName" value="${userName}"/>
        <input type="hidden" name="mobile" id="mobile" value="${mobile}"/>
        <input type="hidden" name="userType" id="userType" value="${type}"/>
        <input type="hidden" name="equityCode" id="equityCode" value="${equityCode}"/>
        <div class="common-flex-box  bg-white">
            <img src="/static/images/fz2.png" style="width:100% "/>
        </div>
    </form>
    <!-- 应用 full-screen-image 类到你的图片上 -->
    <img src="/static/images/fz2.png" class="full-screen-image"/>
</div>
<div class="fixed-bottom">
    <img src="/static/images/fzBtn2.png" style="width: 47%;" onclick="subimt()"/>
</div>
</body>
<script type="text/javascript" src="${yyghStatic}/modules/yygh/js/mobiscroll.2.13.2.js"></script>
<script type="text/javascript" src="${yyghStatic}/modules/yygh/js/ui_mobiscroll.js"></script>
<script type="text/javascript">
    function showMsg(msg) {
        layer.alert(msg);
    }

    let flag = false;
    $(function () {

    });
    function subimt () {
        var index = layer.load();
        if (flag) {
            return;
        }
        flag = true;
        $.ajax({
            type: "post",
            url: '${pageContext.request.contextPath}/mx/fz/save',
            data: 'code=' + $("#code").val() + '&userName=' + $("#userName").val() + '&mobile=' + $("#mobile").val() + '&userType=' + $("#userType").val() + '&equityCode=' + $('#equityCode').val(),
            contentType: "application/x-www-form-urlencoded;charset=utf-8",
            success: function (data) {
                flag = false;
                layer.closeAll()
                if (data.code == '0') {
                    window.location.href="https://wxcefu.yimei.ai/wxcefu/normalweb/index.html?app=YWY1YzMwN2IwNDA4ZDc2Mi4xNzA5NTIxNTY2"
                } else {
                    showMsg(data.error);
                }
            },
            error: function (re, e, ex) {
                layer.closeAll()
                layer.alert('请求异常:' + re.status);
            },
        });
    };
</script>
</html>
